<template>
    <div>
        <h2>排房显示</h2>
        <table class="table table-bordered">
            <tbody>
                <tr class="bg bg-primary">
                    <td>房型</td>
                    <td>未拍</td>
                    <td>已排</td>
                    <td>房号</td>
                </tr>
                <tr >
                    <td>普通房</td>
                    <td>0</td>
                    <td>1001</td>
                    <td>101</td>
                </tr>
                <tr >
                    <td>普通房</td>
                    <td>0</td>
                    <td>1002</td>
                    <td>102</td>
                </tr>
            </tbody>
        </table>
        <table>
            <tr>
               
                    <td>
                    <a href="/showpai">上一页</a>
                    <a  href="shewpai">下一页</a>
                    <a  href="showpai">首页</a>
                    <a  href="shewpai">尾页</a>
                    共2页，当前1/2页，共3条
                </td>
             
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";

const router = useRouter();
</script>

<style scoped>

</style>